const AutoImport = require('unplugin-auto-import/webpack')

module.exports = {
  configureWebpack: (config) => {
    config.plugins.push(
      AutoImport({
        dts: true,
        // eslint报错解决
        eslintrc: {
          enabled: false, // 默认`false`，第一次启动项目需设置为true
          filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
          globalsPropValue: 'readonly',
        },
        // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
        imports: ['vue', 'vue-router'],
      })
    )
  },
  css: {
    loaderOptions: {
      less: {
        // 必须less开启，不然less-loader版本太高启动会报错
        lessOptions: { javascriptEnabled: true },
      },
    },
  },
}

// const { defineConfig } = require('@vue/cli-service')
// module.exports = defineConfig({
//   transpileDependencies: true
// })
